<template>
    <view>
        <template name="goHome">
            <navigator class="goHome" hoverClass="active" openType="redirect" url="/we7/pages/index/index">
                <image mode="widthFix" src="https://ymqycc.oss-cn-chengdu.aliyuncs.com/ymqzho2o/static/we7/resource/images/home.png"></image>
            </navigator>
        </template>
        <block name="footerWx">
            <view class="we7-bottom" :style="'background-color:' + backgroundColor + ';border-color:' + borderStyle" v-if="list">
                <block v-for="(item, index) in list" :key="index">
                    <view class="we7-bottom-item" hoverClass="active" v-if="item.pageUrl == '/' + thisurl">
                        <navigator hoverClass="active" openType="redirect" :url="item.pagePath">
                            <image class="item-img" mode="widthFix" :src="item.selectedIconPath"></image>
                            <view class="item-text" :style="'color: ' + selectedColor + ';'">{{ item.text }}</view>
                        </navigator>
                    </view>

                    <view class="we7-bottom-item" hoverClass="active" v-else>
                        <navigator hoverClass="active" openType="redirect" :url="item.pagePath">
                            <image class="item-img" mode="widthFix" :src="item.iconPath"></image>
                            <view class="item-text" :style="'color: ' + color">{{ item.text }}</view>
                        </navigator>
                    </view>
                </block>
            </view>
            <view class="we7-bottom-placeholder"></view>
        </block>
    </view>
</template>

<style>
@import './footer.css';
</style>
